<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Верстка</title>

<link href="css.css" rel="stylesheet" type="text/css">
<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/jscript.js" type="text/javascript"></script>

</head>

<body>
	<div id="center">
    	<div id="v1">
        	<div class="studOK">Магазин СтудОК!</div>
        	<div class="studleft">
      			<ins><a href="" style="color:#00C;">Про магазин</a></ins><strong>|</strong> <a href="" style="color:#333;">Каталог</a> <strong>|</strong>
                <ins><a href="" style="color:#00C">Оформити замовлення</a></ins>	<strong>|</strong> <ins><a href="" style="color:#00C">Контакти</a></ins>
            </div>
            <div class="clear"> </div>
        </div>
 
    
    
		<div id="search">
			<div id="search2">
				<div id="s3">
					<input name="textfield" type="text" id="textfield" style="height:29px; width:235px" >
				</div>
                <button class="delb" style="padding:0px;"><img src="images/search.jpg"></button>	
				<!--<img src="images/search.bmp" width="34" height="34">-->
			</div>
			<div id="adress">
				<a href="" class="color_black">Каталог</a> &gt;&gt; <a href="" class="color_black">Підкаталог 2</a>
			</div>
             <div class="clear"> </div> 
		</div>


<!--
        <div id="v2">
       	  <div class="adress">
    			Каталог &gt;&gt; Підкаталог 2
  		   </div>
          	<div class="search">
            	<input name="textfield" type="text" id="textfield" style="height:28px; width:207px" >
          	</div>
           <img src="images/search.bmp" width="34" height="34">
        	<div class="clear"></div>
        </div>-->
        
        <div id="b1">
        	<div id="lpanel">
            		<div id="plefttop">
                    	<ul>
    
     						<li class="sps1"><a href="#" id="showHideContent1" class="color_black">Каталог</a> </li>
      						<div class="vis1">
                                <li class="sps2"><a href="#" class="color_black">Підкаталог 1</a> </li>
      							<li class="sps3 sps33"><a href=""  id="showHideContent2" class="color_black">Підкаталог 2</a></li>
                                <div class="vis2">
      								<li class="sps4"><a href="#" class="color_black">Товар 1 </a></li>
      								<li class="sps4"><a href="#" class="color_black">Товар 2 </a></li>
                                </div>  
      							<li class="sps3 sps34"><a href="#" id="showHideContent3" class="color_black">Підкаталог 3</a></li>
                                <div class="vis3">
      								<li class="sps4"><a href="#" class="color_black">Товар 3 </a></li>
      								<li class="sps4"><a href="#" class="color_black">Товар 4 </a></li>
                                </div>
      							<li class="sps3 sps35"><a href="#" id="showHideContent4" class="color_black">Підкаталог 4</a></li>
                                <div class="vis4">
      						    	<li class="sps4"><a href="#" class="color_black">...</a> </li>
                                
                                </div>
                             </div>	
                         </ul>
                     </div>
                     
                     <div id="pleftbottom">
                    	<span style="font-size: 12px; line-height:2em"><a href="" class="color_black">Популярні товари</a> <br>
                    	<a href="" style="color:#000; ">threas</a></span> 
                        <span style="font-size: 14px"><a href="" class="color_black">mockingbird</a> </span><br>
   					   	<span style="font-size: 14px"><a href="" class="color_black">Philz Coffee</a></span>
                         <span style="font-size: 12px"><a href="" class="color_black">winners</a> </span><br>
   					   	<span style="font-size: 14px"><a href="" class="color_black">cookie</a> </span>
                        <span style="font-size: 10px"><a href="" class="color_black">smee Snow Leopard</a><br>
                      	 </span><a href="" style="color:#000; ">peasant mockups</a><br>
                         <a href="" style="color:#000; ">baby's first </a>
                         <span style="font-size: 12px"><a href="" class="color_black">woot</a></span> Kindle<br>
                      	 <a href="" style="color:#000; ">iPod</a>
                         <span style="font-size: 13px"> <a href="" class="color_black">California</a> </span>hills<br>
						<a href="" style="color:#000; ">Ritual Roasters</a>
                        <span style="font-size: 13px"><a href="" class="color_black"> hipsters</a></span><br>
						<a href="" class="color_black">boots </a>
                    </div>
                    <div id="quest">Задати питання<br>
                    	<input name="textfield" value="Питання" type="text" 
                        id="textfield" style="height:35px; width:150px; padding-left:5px;">
                        <button class="sq" style="padding:0px;">Задати</button>		
    				 	<!--<div class="quest">Питання</div>
   					 	<div class="sq">Задати</div>-->
                    </div>
            </div>
            <div id="rpanel">
            	<div class="rpanel1" >
                	<div class="imag1">
                    <div class="alt1"> </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1 aaa"  alt="Мишка" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag2">
                    <div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка2" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag3">
                   		<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка3" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag4">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка4" width="140" height="121"/></a>
                 		
                    </div>
               		
                </div>
                <div class="rpanel2" >
                	<div class="imag1">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка5" width="140" height="121"/></a>
                    </div>
                    <div class="imag2">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Камера6" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag3">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка7" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag4">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка8" width="140" height="121"/></a>
                 		
                    </div>
                </div>
                <div  class="rpanel3">
                	<div class="imag1">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка9" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag2">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка10" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag3">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка11" width="140" height="121"/></a>
                 		
                    </div>
                    <div class="imag4">
                    	<div class="alt1">  </div>
                   		<div class="add1"> Додати в корзину</div>
                    	<a href=""><img src="images/o.bmp" class="zindex1"  alt="Мишка12" width="140" height="121"/></a>
                 		
                    </div>
                </div>
   


            </div>
            <div class="clear"> </div>
        </div>
        <div id="l1">
           <div class="navigation">
           		<div class="center2">
            			<div class="nom1"><a href="" class="color_black"> Previous</a></div>
                		<div class="nom2"><a href="" class="color_black"> 1</a></div>
                		<div class="nom2"><a href="" class="color_black"> 2</a></div>
               			<div class="nom2"><a href="" class="color_black"> 3</a></div>
                		<div class="nom2"><a href="" class="color_black"> 4</a></div>
                		<div class="nom2"><a href="" class="color_black"> 5</a></div>
                		<div class="next"><a href="" class="color_black"> Next</a></div>
                		<div class="clear"></div>
                 </div>
           </div>
        </div>
      <div id="l2"><a href="" style="color:#000; "> 932.75x125</a><br> <a href="" style="color:#000; ">Advertisment</a></div>	
	</div>
</body>
</html>
